<template>
<div>
<el-pagination
    @size-change="handleSizeChange"
    @current-change="handleCurrentChange"
    :current-page="currentPage"
    layout="prev, pager, next"
    :total="total"
    :page-size="pageSize"
    style="font-size: 20px;"
  />
</div>
</template>

<script setup lang=ts>
import {  defineProps, defineEmits } from 'vue'

const props = defineProps({
  currentPage: Number,
  pageSize: Number,
  total: Number
})

const emit = defineEmits(['update:currentPage', 'update:pageSize'])

const handleCurrentChange = (page) => {
  emit('update:currentPage', page)
}

const handleSizeChange = (newPageSize) => {
  emit('update:pageSize', newPageSize)
}
</script>

<style scoped>

</style>
